<tc_include file="Public:head"/>
<style>
    .swiper-container {
        height: calc(100vh - 150px);
    }

    .swiper-slide {
        font-size: 18px;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 30px;
    }

    p {
        margin-bottom: 1em;
    }
</style>
<body ontouchstart style="background: #3c3c3c;">
<div class="container" id="container">
    <div class="page">
        <div class="page__bd" style="height: 100%; overflow: hidden;">
            <div class="weui-tab">
                <div class="weui-tab__panel">
                    <div class="title">
                        <h3>
                            <i class="icon iconfont icon-card"></i>
                            <span>
				            	我的卡包
				            	<font>Card packs</font>
			            	</span>
                            <a href="{:U('Member/MyCard')}" class="full-right">查看我的卡券</a>
                        </h3>

                    </div>
                    <div class="card-box">
                        <!-- Swiper -->
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <volist name="coupons" id="coupon">
                                        <a href="#">
                                            <span class="overdue"></span>
                                            <img src="<php>echo '/'.C('UPLOADPATH').$coupon['card_img']</php>"/>
                                        </a>
                                    </volist>
                                </div>
                            </div>
                            <!-- Add Scroll Bar -->
                            <div class="swiper-scrollbar"></div>
                        </div>
                        <span>下拉加载更多</span>
                    </div>
                </div>

                <tc_include file="Public:menu"/>
            </div>
        </div>
    </div>
</div>
<tc_include file="Public:footer"/>
<script>
    var swiper = new Swiper('.swiper-container', {
        scrollbar: '.swiper-scrollbar',
        direction: 'vertical',
        slidesPerView: 'auto',
        mousewheelControl: true,
        freeMode: true,
        roundLengths: true //防止文字模糊
    });
</script>